:root {
    --vp-c-brand-1: #1677ff;

    --vp-button-brand-bg: var(--vp-c-brand-1);
    --vp-button-brand-border: var(--vp-c-brand-1);
    --vp-button-brand-hover-border: #4096ff;
    --vp-button-brand-hover-bg: #4096ff;

    --vp-home-hero-name-color: transparent;
    --vp-home-hero-name-background: -webkit-linear-gradient(120deg, var(--vp-c-brand-1), #42d392);

    --vp-home-hero-image-background-image: linear-gradient(-45deg, #a7d9ff 50%, #c3ffe2 50%);
    --vp-home-hero-image-filter: blur(60px);

    --ball-background: #e6f9ff;
}

:root.dark {
    --ball-background: rgba(255, 255, 255, 0.05);
    --vp-home-hero-image-background-image: linear-gradient(-45deg, #0a6ab1 50%, #096e3d 50%);
}

body {
    font-size: 14px;
}

.ant-spin-spinning {
    display: block;
    line-height: 1;
}

.VPFeature .VPImage {
    width: 40px !important;
    height: 40px !important;
}

.is-home::before {
    content: ' ';
    width: 400px;
    height: 400px;
    border-radius: 100%;
    background-color: var(--ball-background);
    z-index: -1;
    /* transition: all ; */

    position: fixed;
    top: 80px;
    left: -50px;

    animation: slide-ani 10s 200ms linear alternate infinite;
    animation-delay: 600ms;
}

.is-home::after {
    content: ' ';
    width: 200px;
    height: 200px;
    border-radius: 100%;
    background-color: var(--ball-background);
    z-index: -1;
    /* transition: all ; */

    position: fixed;
    bottom: 120px;
    right: 0px;

    animation: slide-ani2 9s 200ms linear alternate infinite;
    animation-delay: 600ms;
}

@keyframes slide-ani {
    0% {
        transform: translate(0, 0);
    }
    25% {
        transform: translate(20px, 20px);
    }
    50% {
        transform: translate(0, 40px);
    }
    75% {
        transform: translate(-20px, 0);
    }
    100% {
        transform: translate(0, 0);
    }
}

@keyframes slide-ani2 {
    0% {
        transform: translate(0, 0);
    }
    25% {
        transform: translate(-15px, 0);
    }
    50% {
        transform: translate(0, 20px);
    }
    75% {
        transform: translate(-10px, 10px);
    }
    100% {
        transform: translate(0, 0);
    }
}

.DocSearch-Hit mark {
    padding: 0;
}
